<template>
<div>
  <div class="layout">
    <div class="register-container">
      <Subtitle :text="$t('formSuccess.registerSuccessTitle')" />
      <i18n class="text" path="formSuccess.registerSuccessDetails">
        <span place="clickHere" @click="navToPageUserInfo" style="cursor: pointer">{{ $t('formSuccess.clickHere') }}</span>
        <span place="email">{{ $t('formSuccess.email') }}</span>
      </i18n>

    </div>
  </div>

</div>
</template>

<script>

import Subtitle from "../../components/common/Subtitle";


export default {
  name: "faq",
  components: {
    Subtitle
  },
  data () {
    return {
    }
  },
  mounted () {

  },
  methods: {
    navToPageUserInfo () {
      this.$router.push({
        path: this.$i18n.path('userInfo')
      })
    }
  }
}
</script>

<style scoped>
.register-container {
  width: 800px;
  padding-top: 60px;
  padding-left: 120px;
  padding-bottom: 120px;
}
.create-text .title {
  font-weight: bold;
  font-size: 20px;
  color: #0068B5;
  padding-bottom: 18px;
}
.create-text .desc {
  font-size: 14px;
  color: #999999;
}

.create-text .desc a {
  color: #0068B5;
  text-decoration: none;
}
.register-confirm {

}
.register-confirm .subtitle {
  font-weight: bold;
  font-size: 20px;
  color: #0068B5;
}
.primary-button {
  width: 146px;
  height: 36px;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  background: #0068B5;
  cursor: pointer;
  margin-top: 16px;
}

.m-t-60 {
  margin-top: 60px;
}
.text {
  white-space: pre-line;
  font-size: 14px;
  color: #999999;
}
span,
.email {
  font-size: 14px;
  color: #0068B5;
}

</style>
